<!doctype html>
<html lang="en">
<head> 
    <meta charset="UTF-8">
    <title>课表</title>
    <script type="text/javascript">
    	//记录星期几
    	var day = 0;
    	//页面打开时执行
    	window.onload=function()
		{
			day = 0;
			getddd();
			//alert("test");
		}
    	//赋值给day
    	function getDay(day_c){
    		day = day_c;
    		//alert(day); 
    		getddd();
    	}
    	//刷新表格
    	function getddd(){ 
    		var table_dom = document.getElementById("test_table");
			var resArr = []; 
    		switch(day){
    			case 0:
				    resArr.push('<tr>');
				    resArr.push('<td>Web技术</td>');
				    resArr.push('<td>图东教学楼219</td>');
				    resArr.push('<td>第一大节</td>');
				    resArr.push('<td>刘猛</td>');
				    resArr.push('</tr>');
				    resArr.push('<tr>');
				    resArr.push('<td>人机交互技术</td>');
				    resArr.push('<td>商学院256</td>');
				    resArr.push('<td>第二大节</td>');
				    resArr.push('<td>卞玉龙</td>');
				    resArr.push('</tr>');
				    resArr.push('<tr>');
				    resArr.push('<td>Web技术</td>');
				    resArr.push('<td>图东教学楼219</td>');
				    resArr.push('<td>第一大节</td>');
				    resArr.push('<td>刘猛</td>');
				    resArr.push('</tr>');
				    resArr.push('<tr>');
				    resArr.push('<td>机器学习</td>');
				    resArr.push('<td>图东教学楼208</td>');
				    resArr.push('<td>第二大节</td>');
				    resArr.push('<td>金长龙</td>');
				    resArr.push('</tr>');
				    resArr.push('<tr>');
				    resArr.push('<td>数字图像处理</td>');
				    resArr.push('<td>图西教学楼105</td>');
				    resArr.push('<td>第二大节</td>');
				    resArr.push('<td>张亚涛</td>');
				    resArr.push('</tr>');
				    resArr.push('<tr>');
				    resArr.push('<td>计算机网络</td>');
				    resArr.push('<td>图西环楼212</td>');
				    resArr.push('<td>第一大节</td>');
				    resArr.push('<td>程杰</td>');
				    resArr.push('</tr>');	
				    resArr.push('<tr>');
				    resArr.push('<td>机器学习</td>');
				    resArr.push('<td>图东教学楼205</td>');
				    resArr.push('<td>第二大节</td>');
				    resArr.push('<td>金长龙</td>');
				    resArr.push('</tr>');
				    resArr.push('</tr>');	
				    resArr.push('<tr>');
				    resArr.push('<td>习近平新时代特色社会主义思想概论</td>');
				    resArr.push('<td>闻天楼东报告厅</td>');
				    resArr.push('<td>第三大节</td>');
				    resArr.push('<td>焦佩</td>');
				    resArr.push('</tr>');
				    resArr.push('<tr>');
				    resArr.push('<td>计算机网络</td>');
				    resArr.push('<td>图西环楼316</td>');
				    resArr.push('<td>第二大节</td>');
				    resArr.push('<td>程杰</td>');
				    resArr.push('</tr>');	
				    resArr.push('<tr>');
				    resArr.push('<td>形势与政策</td>');
				    resArr.push('<td>图西环楼105</td>');
				    resArr.push('<td>第三大节</td>');
				    resArr.push('<td>于和利</td>');
				    resArr.push('</tr>');
    			break;
    			case 1:
    				resArr.push('<tr>');
				    resArr.push('<td>Web技术</td>');
				    resArr.push('<td>图东教学楼219</td>');
				    resArr.push('<td>第一大节</td>');
				    resArr.push('<td>刘猛</td>');
				    resArr.push('</tr>');
				    resArr.push('<tr>');
				    resArr.push('<td>人机交互技术</td>');
				    resArr.push('<td>商学院256</td>');
				    resArr.push('<td>第二大节</td>');
				    resArr.push('<td>卞玉龙</td>');
				    resArr.push('</tr>');
				    resArr.push('<tr>');
    			break;
    			case 2:
    				resArr.push('<tr>');
				    resArr.push('<td>Web技术</td>');
				    resArr.push('<td>图东教学楼219</td>');
				    resArr.push('<td>第一大节</td>');
				    resArr.push('<td>刘猛</td>');
				    resArr.push('</tr>');
				    resArr.push('<tr>');
				    resArr.push('<td>机器学习</td>');
				    resArr.push('<td>图东教学楼208</td>');
				    resArr.push('<td>第二大节</td>');
				    resArr.push('<td>金长龙</td>');
				    resArr.push('</tr>');
    			break;
    			case 3:
    				resArr.push('<tr>');
				    resArr.push('<td>数字图像处理</td>');
				    resArr.push('<td>图西教学楼105</td>');
				    resArr.push('<td>第二大节</td>');
				    resArr.push('<td>张亚涛</td>');
				    resArr.push('</tr>');
    			break;
    			case 4:
    				resArr.push('<tr>');
				    resArr.push('<td>计算机网络</td>');
				    resArr.push('<td>图西环楼212</td>');
				    resArr.push('<td>第一大节</td>');
				    resArr.push('<td>程杰</td>');
				    resArr.push('</tr>');	
				    resArr.push('<tr>');
				    resArr.push('<td>机器学习</td>');
				    resArr.push('<td>图东教学楼205</td>');
				    resArr.push('<td>第二大节</td>');
				    resArr.push('<td>金长龙</td>');
				    resArr.push('</tr>');
				    resArr.push('</tr>');	
				    resArr.push('<tr>');
				    resArr.push('<td>习近平新时代特色社会主义思想概论</td>');
				    resArr.push('<td>闻天楼东报告厅</td>');
				    resArr.push('<td>第三大节</td>');
				    resArr.push('<td>焦佩</td>');
				    resArr.push('</tr>');
    			break;
    			case 5:
    				resArr.push('<tr>');
				    resArr.push('<td>计算机网络</td>');
				    resArr.push('<td>图西环楼316</td>');
				    resArr.push('<td>第二大节</td>');
				    resArr.push('<td>程杰</td>');
				    resArr.push('</tr>');	
				    resArr.push('<tr>');
				    resArr.push('<td>形势与政策</td>');
				    resArr.push('<td>图西环楼105</td>');
				    resArr.push('<td>第三大节</td>');
				    resArr.push('<td>于和利</td>');
				    resArr.push('</tr>');
    			break;
    			case 6:
    			break;
    			case 7:
    			break;
    			default:
    			break;
    		}
    		table_dom.innerHTML = resArr.join("");     		
      	} 
    </script>
</head>

<body> 
	<table border="1" width="100%" bordercolor="#000000">
		<tr align="center">
			<th colspan="2">胡珺课表</th>
		</tr>
		<tr align="center">
			<td>
				<table border="1" width="100%" bordercolor="#000000">
					<a href="javascript:void(0)" onclick="getDay(0)">
						<p face="宋体" size="4" colorcolor="black">全周 &emsp;</p></a>
					<a href="javascript:void(0)" onclick="getDay(1)">
						<p href="" face="宋体" size="4" colorcolor="black">周一 &emsp;</p></a>
					<a href="javascript:void(0)" onclick="getDay(2)">
						<p face="宋体" size="4" colorcolor="black">周二 &emsp;</p></a>
					<a href="javascript:void(0)" onclick="getDay(3)">
						<p face="宋体" size="4" colorcolor="black">周三 &emsp;</p></a>
					<a href="javascript:void(0)" onclick="getDay(4)">
						<p face="宋体" size="4" colorcolor="black">周四 &emsp;</p></a>
					<a href="javascript:void(0)" onclick="getDay(5)">
						<p face="宋体" size="4" colorcolor="black">周五 &emsp;</p></a>
					<a href="javascript:void(0)" onclick="getDay(6)">
						<p face="宋体" size="4" colorcolor="black">周六 &emsp;</p></a>
					<a href="javascript:void(0)" onclick="getDay(7)">
						<p face="宋体" size="4" colorcolor="black">周日 &emsp;</p></a>
				</table>
			</td>
			<td>
				<table width="600" border="1" cellspacing="0">
				    <thead>
				       <tr>
				          <th>课程名</th>
				          <th>教室</th>
				          <th>节次</th>
				          <th>教师</th>
				       </tr> 
				    </thead>
				    <tbody id="test_table"></tbody>
				 </table>
			</td>
		</tr>		
	</table>

</body>
</html>
